<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
	<title>frontend-scaffold</title>
</head>
<body>
<div class="row1">
		npm install --save-dev style-loader css-loader<br/>
	style-loader 解决路径问题;
</div>
<div class="row2">
	npm install --save-dev babel-loader babel-core babel-preset-es2015
	<br/>
	将 ES6 语法转化为 ES5 
</div>
<div class="row3">
		npm install --save-dev  file-loader url-loader<br/>
		file-loader 解决路径问题;<br/>
		url-loader提供了一个limit参数，小于limit字节的文件会被转为DataURl，大于limit的还会使用file-loader进行copy<br/>
		图片处理
		<br/>
</div>
<div class="row3">
		npm install --save-dev  sass-loader<br/>
		<p>sass-loader 编译sass文件;</p>
		<br/>
</div>
<div class="container">
	<div class="row">
		npm install bootstrap<br/>
		引入jquery：var $ = require('jquery');<br/>
		// import 'bootstrap' 报错<br/>
		引入bootstrap: 'bootstrap/dist/css/bootstrap.min.css';<br/>
		<button id="btn" type="button" class="btn btn-success">按钮</button>
	</div>
</div>
<script src="./dist/bundle.js"></script>	
</body>
</html>